<template>
	<view class="">
		<u-navbar  titleStyle="font-size:40rpx;color:#fff" :placeholder='true' title="运费复核" bgColor='#FFC047' leftIconColor="#fff" @leftClick="leftClick">
		</u-navbar>
		
		<view class="box ">
			<view class="flexJBC" style='padding: 0 35rpx;box-sizing: border-box;'>
				<view class="center li flex" >
					<view class="top">
						1
					</view>
					<view class="line"></view>
				</view>
				<view class="center li flex">
					<view class="top" style="background: #fff;">
						2
					</view>
					<view class="line"></view>
				</view>
				<view class="center li flex">
					<view class="top " >
						3
					</view>
					<view class="line"></view>
				</view>
				<view class="center li">
					<view class="top flexCenter" >
						<u-icon name='checkbox-mark' color="#FFC047" size='18'></u-icon>
					</view>
				</view>
			</view>
			<view class="flexJBC textinfo fontS28" >
				<view class="">
					提交订单
				</view>
				<view class="cof">
					运费复核
				</view>
				<view>
					支付订单
				</view>
				<view>
					支付完成
				</view>
			</view>
		</view>
		<view class="infoBox co6 fontS24">
			 <view class="fontS32 co3">
			 	运费复核中,请稍后......
			 </view>
			 <view style="margin: 16rpx 0 40rpx;">
			 	请等待运费复核，复核成功后请在<text class='homeRed'>30分钟</text>内继续支付。
			 </view>
			 <view class="intrBox pad">
			 	 <view class="">
			 	 	什么是运费复核？
			 	 </view>
				 <view class="" style='margin-top: 16rpx;'>
				 	提交订单后，客服会同货运公司二次核实运费，确保运费无误，避免多收、误收。这个过程会持续0～30分钟，请您耐心等待，复核完成后，最终需要支付的金额会有所变化，请在30分钟内继续支付。
				 </view>
			 </view>
		</view>
	</view>
</template>

<script>
	export default{
		methods:{
			leftClick(){
				
				let pages = getCurrentPages();
				let beforePage = pages[pages.length - 2]; //上一个页面
				if(beforePage.route=='pages/my/order/sureOrder'){
					uni.navigateBack()
					// console.log(beforePage)
					// let option= beforePage.options
					// let data=''
					// for(let i  in option){
					// 	data+=(i+'='+ option[i])+'&'
					// }
					// data=data.slice(0,data.length-1)
					// console.log(data,(0,data.length-1))
					// uni.redirectTo({
					// 	url:'/pages/my/order/sureOrder?'+data
					// })
				}else{
					uni.redirectTo({
						url:'/pages/my/order/orderList?type=0'
					})
				}
			},
		}
	}
</script>

<style lang="scss" scoped>
	.infoBox{
		padding: 82rpx 36rpx;
		box-sizing: border-box;
		.intrBox{
			width:100%;
			height: 232rpx;
			background: rgba(215, 145, 151, 0.04);
			border: 2rpx dashed rgba(221, 33, 49, 0.6);
			padding: 24rpx;
			box-sizing: border-box;
		}
	}
	.box{
		background: #FFC047;
		padding: 56rpx 80rpx 40rpx;
		box-sizing: border-box;
		.li{
			
			.top{
				width: 40rpx;
				height: 40rpx;
				background: rgba(255, 255, 255, 0.7);
				border-radius: 50%; 
				color: #FFC047;
				margin: 0 auto;
				
				
			}
			.line{
				width: 80rpx;
				height:0rpx;
				border: 1rpx dashed rgba(255, 255, 255, 0.7);
				margin: 0 20rpx;
			}
			color: rgba(255, 255, 255, 0.7);
			margin-bottom: 16rpx;

		}
		.textinfo{
			color: rgba(255, 255, 255, 0.7);
		}
	}
</style>